<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="devolucionproveedorList.title"/></title>
    <meta name="heading" content="<fmt:message key='devolucionproveedorList.heading'/>"/>    
</head>

<form:form id="devolucionproveedorList">
<input type="hidden" id="date_format" value="${fecha_documento_date_format}"/>
<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/devolucionproveedor/devolucionproveedorform.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button" 
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>



<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
		<div>
			<fmt:message key="devolucionproveedorList.almacen"/><br/>
			<select cssClass="text large" id="almacenId" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
	        	<c:forEach var="almacen" items="${almacenes}">
	        		<option value="${almacen.id}">${almacen.deAlmacen}</option>
	        	</c:forEach>
	       	</select> <br/>

			<fmt:message key="devolucionproveedorList.fechainiciodoc"/><br/>
			<input id="devolucionFechaInicio" name="devolucionFechaInicio" size="11" class="text medium" readonly="readonly"/>
			<input type="button" class="buttoncal" id="devolucionFechaInicioCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "devolucionFechaInicio",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "devolucionFechaInicioCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  			this.hide();
	                  }
	          });
	        </script><br/>
			
			<fmt:message key="devolucionproveedorList.fechafindoc"/><br/>
			<input id="devolucionFechaFin" name="devolucionFechaFin" size="11" class="text medium" readonly="readonly"/>
			<input type="button" class="buttoncal" id="devolucionFechaFinCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "devolucionFechaFin",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "devolucionFechaFinCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
	        	  		this.hide();	
	                  }
	          });
	        </script><br/>
			 
			 
			 
			 
			<fmt:message key="devolucionproveedorList.proveedor"/><br/>
			<input id="deProveedor" name="deProveedor" maxlength="30" class="text medium"/><br/>
			
		
			<br/>					
			<input type="button" onclick="buscarDevolucionProveedor()" value="<fmt:message key="button.search"/>"/>
		</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="catalogos" cellpadding="0" class="table" cellspacing="0" style="width: 800px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="common.documento"/></th>
            <th scope="col"><fmt:message key="devolucionproveedorList.almacen"/></th>
            <th scope="col"><fmt:message key="common.fechadoc"/></th>
            <th scope="col"><fmt:message key="devolucionproveedorList.proveedor"/></th>
	</tr>
	</thead> 
	<tbody id="documentobody">
		<tr id="pattern" style="display:none;">
			<td> 
				<span id="tableDeDocumento"><fmt:message key="common.documento"/></span>						
			</td>

			<td> 
				<span id="tableAlmacen"><fmt:message key="devolucionproveedorList.almacen"/></span>						
			</td>
			<td> 
				<span id="tableFechaDoc"><fmt:message key="common.fechadoc"/></span>						
			</td>
			<td> 
				<span id="tableProveedor"><fmt:message key="devolucionproveedorList.proveedor"/></span>						
			</td>			
		</tr> 
		
		<c:forEach var="documento" items="${documentos}" varStatus="status">
			
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
			<td>	
			<a href="<c:url value="/devolucionproveedor/devolucionproveedorform.html?id=${documento.id}&amp;from=list"/>">					
						${documento.deDocumento}
					</a>            	
										
			</td>

			<td> 
				<c:out value = "${documento.clpbAlmacen.deAlmacen}"  />
			</td>
			
			<td>
				<fmt:formatDate pattern="${fecha_documento_date_format}" value="${documento.daFechaDocumento.time}" /> 
			</td>
			<td>  
				<c:out value= "${documento.deProveedor}" />						
			</td>			
           </tr>
        </c:forEach>			 	
	</tbody>
	
</table> 

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">
	
    function buscarDevolucionProveedor()
    {

    	var almacenid = dwr.util.getValue("almacenId");
    	var devolucionFechaInicio = dwr.util.getValue("devolucionFechaInicio");
    	var devolucionFechaFin = dwr.util.getValue("devolucionFechaFin");
    	var deProveedor = dwr.util.getValue("deProveedor");
    	var dateFormat = dwr.util.getValue("date_format");
    	
        DocumentoMovArticuloService.busquedaDocumentoDevolucion(
    			almacenid, deProveedor, devolucionFechaInicio,
    			devolucionFechaFin, function(data) {
        	
    	    dwr.util.removeAllRows("documentobody", { filter:function(tr) {
    	      return (tr.id != "pattern");
    	    }});
    	    
    	    var devoluciondocumento,url;
    	    for (var i = 0; i < data.length; i++) {
    	    	devoluciondocumento = data[i];

    	      	dwr.util.cloneNode("pattern", { idSuffix:devoluciondocumento.id });

    	      	url = "<a href='/clubpgnweb/devolucionproveedor/devolucionproveedorform.html?id=" + devoluciondocumento.id + "&amp;from=list'>" + devoluciondocumento.deDocumento + "</a>";	
    	      	dwr.util.setValue("tableDeDocumento" + devoluciondocumento.id,url, { escapeHtml:false });

    	      	if (null != devoluciondocumento.clpbAlmacen) {
    	      			dwr.util.setValue("tableAlmacen" + devoluciondocumento.id,devoluciondocumento.clpbAlmacen.deAlmacen, { escapeHtml:false });
        	      	} else {
        	      		dwr.util.setValue("tableAlmacen" + devoluciondocumento.id,"", { escapeHtml:false });
            	    }
    	      	
    	      	if (null != devoluciondocumento.daFechaDocumento) {
    	      		dwr.util.setValue("tableFechaDoc" + devoluciondocumento.id,
    	      				  
    	      				formatDate(devoluciondocumento.daFechaDocumento,dateFormat)    	      				
    	      				, { escapeHtml:false });
    	      	} else {
    	      		dwr.util.setValue("tableFechaDoc" + devoluciondocumento.id,"", { escapeHtml:false });
        	    }    	      	
        	    
    	      	dwr.util.setValue("tableProveedor" + devoluciondocumento.id,devoluciondocumento.deProveedor, { escapeHtml:false });
				
				if(i % 2 == 0){
					$("pattern" + devoluciondocumento.id).className = "odd";
				}
				else{
					$("pattern" + devoluciondocumento.id).className = "even";
				}
				
	    	    $("pattern" + devoluciondocumento.id).style.display = "";
	    	     
    	    }
		});
    }       
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/DocumentoMovArticuloService.js"/>"></script>